// todo 时钟案例


// 需求：把files文件夹下的index.html 文件 拆分3个文件 放置到clock目录中
//   index.html
//   index.css  style里面的样式
//   index.js   script里面的js代码

// 步骤
//  1. 要读取index页面内容 ==> ？
//  2. 内容提取style标签里面的内容，将提取到的内容写入到index.css文件中  ==> ？
//  3. 内容提取script标签里面的内容，将提取到的内容写入到index.js文件中
//  4. 把内容中的style标签替换掉 link   script标签内容替换掉 script ，将替换后的内容写入到index.html文件中 ==> ？替换方法
let fs = require('fs')
let path = require('path')

let styleReg =/<style>[\s\S]*<\/style>/
let scriptReg =/<script>[\s\S]*<\/script>/

let filePath= path.join(__dirname,'files/index.html')

fs.readFile(filePath,'utf-8',(err,q)=>{
    if (err) {
        return console.log(`请求失败${err.message}`);
    }
    console.log(`请求成功`);
    resolveCSS(q)
    resolvejs(q)
    resolvehtml(q)

})
function resolveCSS(q) {
    const res = styleReg.exec(q)[0]
    const newCSS= res.replace('<style>','').replace('</style>','')

 let wpath = path.join(__dirname,'clock/clock.css')
fs.writeFile(wpath,newCSS,(err,data)=>{
    if (err) {
        return console.log('请求失败'+err.message);
    }
    console.log('请求成功'+data);
})
}

function resolvejs(q) {
    const res = scriptReg.exec(q)[0]
    const newjs= res.replace('<script>','').replace('</script>','')

 let wpath = path.join(__dirname,'clock/clock.js')
fs.writeFile(wpath,newjs,(err,data)=>{
    if (err) {
        return console.log(`请求失败${err.message}`);
    }
    console.log('请求成功');
})
}
function resolvehtml(q) {
    const str =q.replace(styleReg,'<link rel="stylesheet" href="./clock.css">').replace(scriptReg,'<script src="./clock.js"></script>')
 let htmlpath = path.join(__dirname,'clock/clock.html')
 
fs.writeFile(htmlpath,str,(err)=>{
    if (err) {
        return console.log(`请求失败${err.message}`);
    }
    console.log('请求成功');
})
}